
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Flat Cart Widget  Responsive Widget Template | Home :: w3layouts</title>

    <!-- Custom Theme files -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Flat Cart Widget Responsive, Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <!--google fonts-->

    <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

    <script src="../js/jquery-1.11.0.min.js"></script>
    <script src="../js/jquery.js"></script>

    <script src="../bootstrapt/js/bootstrap.js"></script>
    <script src="../js/cart.js"></script>
    <script src="../js/jquery.pietimer.min.js"></script>

    <link href="../css/style3.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="../bootstrapt/css/bootstrap.css" rel="stylesheet">

    <link href="../css/style.css" rel="stylesheet">
    <link href="../fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/lightbox.min.css">
    <link href="../css/responsive.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<!---header top---->
<div class="top-header" th:if="${#session}!=null">
    <div th:if="${#session.getAttribute('username') eq null} "><span th:include="front_header_top::html"></span></div>
    <div th:if="${#session.getAttribute('username') ne null} "><span th:include="front_header_top_login::html"></span></div>
</div>
<div class="top-header" th:if="${#session}==null">
    <span th:include="front_header_top::html"></span>
</div>
<!--header--->
<div class="logo">
    <h3>My Cart</h3>
</div>
<div class="cart" style="width: 70%;">
    <div class="cart-top">
        <div class="cart-experience">
            <h4>Shopping Cart Experience</h4>
        </div>
        <div class="cart-login">
            <div class="cart-login-img">
                <img th:src="'/images/user_images/'+${user.user_image}" alt="图片走丢了" class="img-fluid rounded-circle" width="60%" style="position: relative;left: 180px">
            </div>
            <!--<div class="cart-login-text">
                <h5>Logged in as</h5>
            </div>-->
            <div class="lang_list">
                <select tabindex="4" class="dropdown" id="pay_way">
                    <option value="6">---请选择支付方式---</option>
                    <option value="0">线上支付(另享有95折扣)</option>
                    <option value="1">线下支付</option>
                    <option value="2">钱包余额支付</option>
                </select>
            </div>
            <div class="clear"> </div>
        </div>
        <div class="clear"> </div>
    </div>
    <div class="cart-bottom">
        <div class="table">
            <table style="width: 100%;">
                <tbody>
                <tr class="main-heading">
                    <th></th>
                    <th>房间图片</th>
                    <th>房间类型</th>
                    <th>计划入住时间</th>
                    <th>计划退房时间</th>
                    <th>时长</th>
                    <th>单价</th>
                    <th>总价</th>
                    <th>享受房间专项折扣总价</th>
                </tr>
                <tr class="cake1"  th:each="roomdto:${roomTypeDTO}" th:id="${roomdto.cart.cart_id}">
                    <td><input type="checkbox" hidden="hidden"  name="choose" th:value="${roomdto.cart.cart_id}"></td>
                    <td class="cakes">
                        <div class="product-img">
                            <img th:src="@{${roomdto.room_type.room_type_picture}}" alt="图片走丢了" width="100px">
                        </div>
                    </td>
                    <td class="cake-text">
                        <div class="product-text">
                            <h3 th:text="${roomdto.room_type.room_type_name}" style="position: relative;top: 20px;width: 70px;">豪华双人床</h3>
                        </div>
                    </td>
                    <td class="quantity">
                        <!--<div class="product-right">-->
                            <input type="date" class="plan_stay_time" readonly="readonly"  th:value="${roomdto.cart.plan_stay_time}" style="position: relative;top: 20px" />
                        <!--</div>-->
                    </td>
                    <td class="price" >
                        <input type="date" class="plan_leave_time" value="2015-12-11" readonly="readonly" th:value="${roomdto.cart.plan_leave_time}" style="position: relative;top: 20px"/>
                    </td>
                    <td class="price">
                        <span th:text="${roomdto.cart.time}" style="line-height: 59px"></span>晚
                    </td>
                    <td class="top-remove">
                        <h5 th:text="${roomdto.room_type.room_type_price}" style="line-height: 59px">25.98</h5>
                    </td>
                    <td class="top-remove">
                        <del><h5 th:text="${roomdto.cart.allprice}" style="line-height: 59px">25.98</h5></del>
                    </td>

                    <td class="top-remove">
                        <h4 th:text="${roomdto.cart.roomDiscountPrice}" style="line-height: 59px">25.98</h4>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="vocher">
            <div class="dis-card">
                <h2>若有需要请留言，我们将竭诚为您服务</h2>
                <p>Please leave a message if you need, we will be happy to serve you</p>
                <form>
                    <input type="text" value="" id="leave_message_context">
                </form>
            </div>

            <div class="dis-total">

                <h1>Total <span id="allprice"></span></h1><br />
                <div class="close" onclick="removecart()">
                    <h1>Remove</h1>
                </div>
                <input id="discount" type="hidden" th:value="${userLevel.level_discount}">
                <h3 class="price_text">您是<span th:text="${userLevel.level_name}"></span>,享受<span th:if="${userLevel.level_discount}=='1.00'">不了</span><span th:if="${userLevel.level_discount}!='1.00'" th:text="${userLevel.level_discount}"></span>折扣,总价:<span id="total_price"></span>元</h3>
                <div class="tot-btn">
                    <a class="shop" href="/indexs">返回首页</a>
                    <div class="btn btn-primary creatOrder" id="createOrder" data-toggle="modal" data-target="#myModal"><a class="check" href="javascript:void(0)">创建订单</a></div>
                </div>
               <!-- <div class="close" onclick="removecart()">
                    <h5>Remove</h5>
                </div>-->
            </div>
            <div class="clear"> </div>
        </div>
    </div>
</div>
<div class="copy-right">
    <p>© 2016 Flat Cart Widget. All rights reserved | Template by  <a href="http://w3layouts.com/" target="_blank">  W3layouts </a></p>
</div>




<div class="container">


    <!-- 模态框 -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title">确认订单</h4>
                </div>

                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="alert alert-info">
                        <strong style="position: relative;left: 300px;" id="modalcontent">是否确认订单?(订单总金额：<span id="sureorderprice"></span>)</strong>
                    </div>
                    <div class="demo" style="position: relative;left: 300px;">
                        <br/>
                        <span><strong id="contents"></strong> </span>
                        <p id="demo"></p>
                    </div>
                </div>

                <!-- 模态框底部 -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cancelButton">取消</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id="payButton">确定</button>
                </div>

            </div>
        </div>
    </div>

</div>




</body>
</html>
